<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>
<%@ taglib uri="/struts-tags" prefix="s" %>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>





<!DOCTYPE HTML><!-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -->
<!-- saved from url=(0047)http://layout.jquery-dev.net/demos/complex.html -->
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<meta name="language" content="zh">

<style type="text/css">
.container{
 width: 60%;
    height: 100px;
    margin: 10px auto;
    padding: 10px;

    border: 2px solid #777;
    background-color: #fbca93;
    /* text-align: center; */
}
</style>

	<!-- DEMO styles - specific to this page -->
<%-- 	<link rel="stylesheet" type="text/css" href="${ctx}/scripts/jquerylayout/complex/complex.css"> --%>
	<!--[if lte IE 7]>
		<style type="text/css"> body { font-size: 85%; } </style>
	<![endif]-->

<%-- 	<script type="text/javascript" src="${ctx}/scripts/jquery/jquery-1.8.1.js"></script>
	<script type="text/javascript" src="${ctx}/scripts/jqueryui/js/jquery-ui-1.8.23.custom.min.js"></script>
	 --%>
	
<%-- 			<script type="text/javascript" src="${ctx}/scripts/jquerylayout/jquery-latest.js"></script>
	<script type="text/javascript" src="${ctx}/scripts/jquerylayout/jquery.ui-latest.js"></script> --%>
	
<%-- 		<script type="text/javascript" src="${ctx}/scripts/jquerylayout/jquery.layout-latest.js"></script>
	<script type="text/javascript" src="${ctx}/scripts/jquerylayout/jquery.layout-latest.js"></script>
	<script type="text/javascript" src="${ctx}/scripts/jquerylayout/complex/complex.js"></script>
	<script type="text/javascript" src="${ctx}/scripts/jquerylayout/debug.js"></script> --%>
<title>container</title>
	<script type="text/javascript">



	$(document).ready(function () {
		//innerLayout = $( mainLayout.options.center.paneSelector ).layout( layoutSettings_Inner );
		//$('#container').layout({ applyDemoStyles: true });
		$(mainLayout.options.center.paneSelector ).layout({ applyDemoStyles: true } );
	});



	</script>

</head>
<body>
<!-- <div id="container"> -->

	<div class="pane ui-layout-center">

		Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1Center-1

		<p><a href="http://layout.jquery-dev.net/demos.html"><b>Go to the Demos page</b></a></p>

	</div>

	<div class="pane ui-layout-north"   >North-1</div>

	<div class="pane ui-layout-south">South-1</div>

<!-- 	<div class="pane ui-layout-east">East-1</div>

	<div class="pane ui-layout-west">West-1</div> -->

<!-- </div> -->

</body>
</html>